<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>主界面</title>
    <!-- zui -->
    <link href="${CONTEXT_PATH}/asset/zui/css/zui.min.css" rel="stylesheet">
    <link href="${CONTEXT_PATH}/asset/zui/css/zui-theme.css" rel="stylesheet">
  </head>
  <body>
	<nav class="navbar navbar-default navbar-inverse" role="navigation">
  <!-- 导航头部 -->
  <div class="navbar-header">
    <!-- 移动设备上的导航切换按钮 -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
      <span class="sr-only">切换导航</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <!-- 品牌名称或logo -->
    <a class="navbar-brand" href="your/nice/url">JOO快速开发平台</a>
  </div>

  <!-- 导航项目 -->
  <div class="collapse navbar-collapse navbar-collapse-example">
    <!-- 一般导航项目 -->
    <ul class="nav navbar-nav">
      <li class="active"><a href="your/nice/url">项目</a></li>
      <li><a href="your/nice/url">需求</a></li>
      <!-- 导航中的下拉菜单 -->
      <li class="dropdown">
        <a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown">管理 <b class="caret"></b></a>
        <ul class="dropdown-menu" role="menu">
          <li><a href="your/nice/url">任务</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- END .navbar-collapse -->
</nav>	

<div class="container-fluid">
	<div class="row">
		<div class="col-xs-2" style="min-height:500px;">
			<nav class="menu" data-toggle="menu" style="width: 98%;">
			  <button class="btn btn-primary"><i class="icon-edit"></i> CREATE</button>
			  <button class="btn"><i class="icon-cloud-upload"></i> UPLOAD</button>
			  <ul class="nav nav-primary">
			    <li><a href="#"><i class="icon-th"></i> 仪表板</a></li>
			    <li><a href="#"><i class="icon-user"></i> Me</a></li>
			    <li>
			      <a href="#"><i class="icon-time"></i> Time</a>
			      <ul class="nav">
			        <li><a href="#">Today</a></li>
			        <li><a href="#">Tomarrow</a></li>
			      </ul>
			    </li>
			    <li><a href="#"><i class="icon-list-ul"></i> All</a></li>
			    <li class="active show">
			      <a href="#"><i class="icon-tasks"></i> Status</a>
			      <ul class="nav">
			        <li><a href="#"><i class="icon-circle-blank"></i> Ready</a></li>
			        <li class="active"><a href="#"><i class="icon-play-sign"></i> Ongoing</a></li>
			      </ul>
			    </li>
			  </ul>
			</nav>
		</div>
		<div class="col-xs-10" style="border:0px solid blue;">
			<ol class="breadcrumb">
			  <li><a href="your/url/">基础管理</a></li>
			  <li><a href="your/url/">用户管理</a></li>
			  <li class="active">修改</li>
			</ol>
			<article >
				<form class="form-horizontal">
					<div class="form-group">
			          <label class="col-md-1 control-label" style="text-align: left;">来源</label>
			          <div class="col-md-4">
			            <select name="original" id="original" class="form-control">
			              <option value="1" selected="selected">原创</option>
			              <option value="0">转贴</option>
			            </select>
			          </div>
			          <div id="copyBox">
			            <div class="col-md-2"><input type="text" name="copySite" id="copySite" value="" class="form-control" placeholder="来源网站"></div>
			            <div class="col-md-4">
			            	<input type="text" name="copyURL" id="copyURL" value="" class="form-control" placeholder="来源URL">
			          	</div>
			          	<div class="col-md-1">
			          		<button class="btn btn-primary" >查询</button>
			          	</div>
			          </div>
			        </div>
				</form>
			</article>
			<table class="table table-bordered">
		        <thead>
		          <tr>
		            <th>#</th>
		            <th>First Name</th>
		            <th>Last Name</th>
		            <th>Username</th>
		          </tr>
		        </thead>
		        <tbody>
		          <tr>
		            <td>1</td>
		            <td>Sunshine</td>
		            <td>Sunday</td>
		            <td>catouse</td>
		          </tr>
		          <tr>
		            <td>4</td>
		            <td>Sunday</td>
		            <td>Sunshine</td>
		            <td>catouse</td>
		          </tr>
		          <tr>
		            <td>2</td>
		            <td>catouse</td>
		            <td>azhi</td>
		            <td>zenUI</td>
		          </tr>
		          <tr>
		            <td>3</td>
		            <td>God</td>
		            <td>Lady Gaga</td>
		            <td>catouse</td>
		          </tr>
		        </tbody>
		      </table>
		</div>
	</div>
	<div class="text-center">2016~joo&copy;</div>
</div>   
    <!-- 在此处挥洒你的创意 -->
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="${CONTEXT_PATH}/asset/zui/js/zui.min.js"></script>
  </body>
</html>